<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>demo</title>
<jsp:include page="addUser.jsp"></jsp:include>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="../js/jquery-1.9.1.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jqPaginator.js"></script>

<script type="text/javascript" src="<%=request.getContextPath() %>/manage/js/validforms/Validform_v5.3.2.js"></script>
<!-- Bootstrap -->
<script src="../user/user.js"></script>
<link href="../css/bootstrap.min.css" rel="stylesheet" />
<link href="../user/user.css" rel="stylesheet" />
<link rel="stylesheet" href="<%=request.getContextPath() %>/manage/css/Validform_css.css"/>

<style>
.alllists {
	width: 75%;
}

.buttonSt {
	text-align: right;
}
</style>
</head>
<body>
	<div class="container-fluid alllists">
		<div class="row-fluid">
			<div class="span12">
				<div id="tools" class="buttonSt">
					<button id="addUser" class="btn btn-primary btn-large"
						type="button" data-toggle="modal">添加</button>
					<button id="deleteBtn" class="btn btn-large btn-danger"
						type="button">删除</button>
				</div>
				<div>
					<table id="userList" class="table table-bordered table-hover">
						<thead>
							<tr>
								<td><input id="selectAll" class="checkbox" type="checkbox" /></td>
								<th style='text-align: center;'>用户编号</th>
								<th style='text-align: center;'>用户登录名</th>
								<th style='text-align: center;'>电子邮件</th>
								<th style='text-align: center;'>账号状态</th>
								<th style='text-align: center;' colspan="2">操作</th>
							</tr>
						</thead>
						<tbody>
							<c:forEach var="user" items="${pageResult.resultList}">
								<tr>
									<td><input name="userId" id="userId" class="checkbox"
										type="checkbox" value="${user.id}" /></td>
									<td>${user.id}</td>
									<td>${user.loginName}</td>
									<td>${user.email}</td>

									<td><c:choose>
											<c:when test="${user.status==0}">正常</c:when>
											<c:otherwise>
												<font color="red">已锁定</font>
											</c:otherwise>
										</c:choose></td>
									<td>
									<button name="editBtn" objId="${user.id}"
											class="btn btn-sm-block btn-sm-info">修改</button>
									</td>
								</tr>
							</c:forEach>
						<tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
	<div style="text-align: center;">
		<ul class="pagination" id="pagination2"></ul>
	</div>
	<div style="text-align: center;">
		<div id="pageResult">
			<input id="pageCount" type="hidden" value="${pageResult.pageCount}" />
			<input id="totalCount" type="hidden" value="${pageResult.totalCount}" />
			<input id="pageIndex" type="hidden" value="${pageResult.pageIndex}" />
			<input id="pageSize" type="hidden" value="${pageResult.pageSize}" />
		</div>
		<!-- footer -->

		<p>vinace-Demo by 御风林海</p>

	</div>



	<%-- <div class="modal fade" id="addModal" tabindex="-1" role="dialog" 
   aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" 
               data-dismiss="modal" aria-hidden="true">
                  &times;
            </button>
            <h4 class="modal-title" id="myModalLabel">
               请登录
            </h4>
         </div>
         <div class="modal-body">
            <!---***中部***-->
            <div align="left">
                <!--中上部-->
                <!---***图片滚动----对应的样式是rolling.css***-->
                <div align="center">
                    <table  width="99%" >
        
                        <tr>
                            <td style="border-style: none; border-width: medium">
                                <form class="contact_form" action="#" method="post"
                                    name="contact_form">
                                    <ul>
                                        <li><label for="email">电子邮件:</label> <input type="email"
                                            name="email" placeholder="请输入邮箱" required /> <span
                                            class="form_hint">正确格式为：123456@qq.com</span></li>
                                        <li><label for="password">密码:</label> 
                                            <input type="password" name="password"  placeholder="请输入密码" required pattern="(?![a-zA-Z]+$)(?![0-9]+$)[a-zA-Z0-9]{6,15}" /> 
                                            <span class="form_hint">请输入长度为6-15位的密码,不能为纯数字!</span></li>
                                        <li><label for="checkNum">验证码:</label> 
                                            <input type="text" name="checkNum" style="width:80px;" placeholder="请输入验证码" required />
                                            <img src="images/untitled.png" /><a class="form_li_a" href="#">换一张</a>
                                            <span class="form_hint">请输入正确的验证码!</span></li>
                                        <li>
                                            <button class="submit" type="submit" >登陆</button>
                                            <a class="login_form_li_a" href="">忘记密码？|</a>&nbsp;<a class="login_form_li_a2" href="<%=request.getContextPath()%>/HRTWEB/register.jsp">免费注册</a>
                                        </li>
                                    </ul>
                                </form>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!--**中中部**-->
            <div></div>
            <!----------------------********中部结束********---------------------------->
         </div>
         <div class="modal-footer">
            
         </div>
      </div><!-- /.modal-content -->
</div><!-- /.modal -->
</div> --%>
</body>

</html>